*{
	margin:0;
	padding:0;
	text-shadow:none;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
html {
	font-size: 62.5%;
	height: 100%;
	-webkit-tap-highlight-color: transparent;
}
body{
	background-color: #ffffff;
	color: #535353;
	font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:1.6rem;
	height: 100%;
	max-width: 64rem;
	margin: 0 auto;
	position: relative;
}
ul{
	list-style:none;
}
a{
	color: #1275e5;
	text-decoration: none;
}
img{
	border:none;
}
input:focus,
select:focus{
	outline: none;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}
.gallery-wrap{
	max-height: 20rem;
	position: relative;
}
.slidesjs-slide{
	height: 100%;
	max-height: 20rem;
	overflow: hidden;
}
.slidesjs-slide:first-child {
	left: 0 !important;
}
.slidesjs-slide img{
	max-width: 100%;
	display: block;
}
.slidesjs-slide figcaption{
	background-color: rgba(0,0,0,.7);
	font-size: 1.4rem;
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 0 1.2rem;
	height: 3.2rem;
	line-height: 3.2rem;
}
.slidesjs-pagination{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 40;
	height: 3.2rem;
	line-height: 3.2rem;
	overflow: hidden;
	text-align: right;
	padding: 0rem 1.2rem;
}
.slidesjs-pagination li{
	display: inline-block;
	vertical-align:2px;
}
.slidesjs-pagination li > a{
	background-color: #676b6a;
	display: block;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: .8rem;
	height: .8rem;
	overflow: hidden;
	line-height: 6rem;
	margin-left:.5rem;
}
.slidesjs-pagination li > a.active{
	background-color: #fff;
}
.nav-list li{
	color: #8ed4ad;
	margin-top: 2rem;
	font-size: 1.2rem;
	padding: .6rem 0;
	cursor: pointer;
}
.nav-list li h2{
	color: #ffffff;
	font-weight: normal;
	font-size: 1.6rem;
}
.nav-list li [class^="icon-"]{
	background: transparent url('images/icon.png') no-repeat scroll 0 0;
	background-size: auto 4.6rem;
	float: left;
	width: 4.7rem;
	height: 4.6rem;
	margin-right: 2.4rem;
}
.nav-list li > div{
	background: transparent url('images/arrow-right.png') no-repeat scroll right center;
	background-size: auto 2.6rem;
	width: 23rem;
	overflow: hidden;
	margin: 0 auto;
}
.nav-list li > div > div{
	margin-left: 7rem;
	padding-top: .5rem;
}
.nav-list li .icon-share{
	background-position-x:-5.1rem;
}
.nav-list li .icon-coupon{
	background-position-x:-10.1rem;
}
.nav-list li .icon-mana{
	background-position-x:-15.2rem;
}
.nav-list li .icon-join{
	background-position-x:-20.2rem;
}
.nav-list li:nth-of-type(1){
	background-color: #3aba7d;
}
.nav-list li:nth-of-type(2){
	background-color: #40aaf3;
}
.nav-list li:nth-of-type(3){
	background-color: #ff7777;
}
.nav-list li:nth-of-type(4){
	background-color: #00baae;
}
.nav-list li:nth-of-type(5){
	background-color: #ffa023;
}
/*绑定手机*/
.tips{
	color: #a6a6a6;
	font-size: 1.6rem;
	line-height: 2.4rem;
}
.note{
	color: #ef2e01;
	font-size: 1.2rem;
	line-height: 1.8rem;
	text-align: center;
}
input{
	font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.6rem;
	border:1px #f76d66 solid;
	-webkit-border-radius:.6rem;
	border-radius: .6rem;
	display: block;
	height: 4.4rem;
	line-height: 4.4rem;
	padding: 1.4rem;
	width: 100%;
}
.btn{
	color: #535353;
	-webkit-border-radius: .4rem;
	border-radius: .4rem;
	display: inline-block;
	height: 4.4rem;
	line-height: 4.4rem;
	font-size: 1.4rem;
	text-align: center;
	padding: 0 1.5rem;
	cursor: pointer;
}
.btn-normal{
	background-color: #f1f2ed;
	border-bottom:2px #eaeaea solid;
}
.btn-primary{
	background-color: #f74429;
	color: #ffffff;
	border-bottom:2px #f52e10 solid;
	font-size: 1.7rem;
}
.btn-wrap{
	text-align: center;
	margin-bottom: 1rem;
}
.btn-wrap .btn{
	min-width: 17rem;
}
.overlay{
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: -1;
	display: none;
}
.overlay.in{
	-webkit-transition:opacity 0.15s linear;
	transition:opacity 0.15s linear;
	z-index: 200;
	opacity: 1;
}
.tips-pop{
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	opacity: 0;
	z-index: -1;
	margin-top: -2.6rem;
	text-align: center;
	display: none;
}
.tips-pop p{
	background-color: #000000;
	display: inline-block;
	color: #ffffff;
	font-size: 1.4rem;
	text-align: center;
	padding: 1.3rem;
	min-width: 28.5rem;
}
.tips-pop.in{
	-webkit-transition:opacity 0.5s linear;
	transition:opacity 0.5s linear;
	opacity: 1;
	z-index: 300;
}
.dialog-modal{
	position: absolute;
	left: 0;
	right: 0;
	max-width: 34.5rem;
	margin: 0 auto;
	top: -10rem;
	opacity: 0;
	margin-top: -10rem;
	z-index: 501;
}
.dialog-modal > div{
	margin: 0 1.2rem;
}
.dialog-header{
	background-color: #f20c00;
}
.dialog-header h2{
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: normal;
	height: 3rem;
	line-height: 3rem;
	padding: 0 1.5rem;
}
.dialog-close {
	background:transparent url('images/close.png') no-repeat scroll 0 0;
	background-size: auto 1.8rem;
	width: 2rem;
	height: 1.8rem;
	position: absolute;
	right: 2rem;
	top:.6rem;
	cursor: pointer;
}
.dialog-content{
	background-color: #ffffff;
	padding: 2rem;
	min-height: 14rem;
}
.dialog-modal .tips{
	color: #848484;
	font-size: 1.4rem;
	text-align: center;
}
.dialog-modal .tips.t-left{
	text-align: left;
}
.dialog-modal .vc-wrap{
	display: table;
	width: 100%;
	height: 10rem;
	min-height: 10rem;
	text-align: center;
}
.dialog-modal .vc-wrap .tips{
	display: table-cell;
	vertical-align: middle;
}
.dialog-footer,
.dialog-btn{
	background-color: #ffffff;
	text-align: center;
	padding-bottom: 1rem;
}
.dialog-btn{
	text-align: center;
	margin-top: 1rem;
}
.dialog-footer .btn,
.dialog-btn .btn{
	height: 3rem;
	line-height: 3rem;
	margin: 0 2rem;
}
.dialog-modal .btn.light{
	color: #959595;
}
.dialog-modal.in{
	-webkit-transition:top 0.5s ease-out,opacity 0.15s linear;
	transition:top 0.5s ease-out,opacity 0.15s linear;
	opacity: 1;
	top: 50%;
}
.bind-phone{
	padding: 2.5rem 1.2rem;
}
.bind-phone .tips{
	padding: 0 1rem;
	margin-bottom: 2.5rem;
}
.form-wrap label{
	display: block;
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 1rem;
}
.form-wrap .row{
	margin-bottom: 2.5rem;
}
.validate-code{
	overflow: hidden;
}
.validate-code .btn-normal{
	float: left;
	width: 13rem;
	margin-right: .8rem;
}
.validate-code > div{
	margin-left: 13.8rem;
}
/*签到领流量*/
.sign-in-wrap{
	padding:2.8rem 3rem;
}
.flow-info{
	color: #858585;
	font-size: 1.7rem;
	line-height: 1.9rem;
}
.flow-info li{
	margin-bottom: .8rem;
}
.sign-in-wrap .note{
	margin-bottom: 2.8rem;
}
.sign-in-wrap .flow-info li{
	margin-bottom: 2rem;
}
.sign-in-wrap .btn-wrap{
	margin-bottom: 2.8rem;
}
.sign-in-situation{
	display: -webkit-box;
	display: box;
}
.sign-in-situation li{
	-webkit-box-flex:1;
	box-flex:1;
	color: #aaaaaa;
	font-size: 1rem;
	text-align: center;
	padding: .5rem 2rem;
}
.sign-in-situation li:first-child{
	border-right: 1px #717171 solid
}
.sign-in-situation .num{
	color: #404040;
	font-size: 2rem;
	font-family: Arial;
	margin-right: 1rem;
	vertical-align: -2px;
}
.adv-wrap{
	background-color: #cbcbcb;
	width: 100%;
	height: 14.3rem;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 50;
}
/*分享得流量*/
.share-wrap .gallery-wrap{
	margin-bottom: 3rem;
}
.share-wrap .slidesjs-slide figcaption{
	padding: .2rem 1.2rem;
}
.share-wrap .slidesjs-slide figcaption:before{
	content: '';
	background-color: #ff1800;
	margin-right: .6rem;
	display: inline-block;
	width: .6rem;
	height: 100%;
	vertical-align: top;
}
.share-list{
	color: #7b7b7b;
	padding: 0 1rem;
}
.share-list li{
	border-bottom: 1px #cecece solid;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
	overflow: hidden;
}
.share-list li > div:nth-of-type(1){
	float: left;
	width: 10.5rem;
	height: 8rem;
	margin-right: .5rem;
	overflow: hidden;
}
.share-list li > div:nth-of-type(1) img{
	max-width: 100%;
}
.share-list li > div:nth-of-type(2){
	margin-left: 11rem;
	padding-top: .2rem;
}
.share-list li h2{
	color: #0e0e0e;
	font-weight: normal;
	font-size: 1.7rem;
	margin-bottom: 0.5rem;
}
.share-list li .content{
	font-size: 1.2rem;
	line-height: 1.6rem;
}
.share-list .btn{
	font-size: 1.2rem;
	height: 2.4rem;
	line-height: 2.4rem;
	padding: 0 .6rem;
}
.t-right{
	text-align: right;
}
/*个人中心*/
.person-center header{
	background: transparent url('images/person-bg.jpg') no-repeat scroll 0 0;
	background-size: cover;
	color: #ffffff;
	height: 16.8rem;
	padding-top: 1.2rem;
	font-size: 1.2rem;
	text-align: center;
}
.person-center header figure{
	border:3px #ffffff solid;
	-webkit-border-radius: 50%;
	border-radius:50%;
	display: inline-block;
	width: 9rem;
	height: 9rem;
	padding: .3rem;
	overflow: hidden;
}
.person-center header figure img{
	-webkit-border-radius: 50%;
	border-radius:50%;
	width: 100%;
	height: 100%;
}
.person-center header p{
	margin-top: .8rem;
}
.person-nav{
	padding: 3rem 1.2rem 0;
}
.person-nav [class^="icon-"]{
	background: transparent url('images/icon-person.png') no-repeat scroll 0 0;	
	display: inline-block;
}
.person-nav .each-row{
	display: -webkit-box;
	display: box;
	margin-bottom: 3rem;
}
.person-nav .each-row > div{
	color: #ffffff;
	text-align: center;
	font-size: 1.7rem;
	text-align: center;
}
.person-nav .each-row:nth-of-type(1) > div{
	-webkit-box-flex:1;
	height: 11rem;
	padding-top: 1.4rem;
}
.person-nav .each-row:nth-of-type(1) > div:last-child{
	background-color: #eac14d;
	margin-left: 1.6rem;
}
.person-nav .each-row:nth-of-type(1) > div:first-child{
	background-color: #00c0e4;
	font-size:1.2rem;
}
.person-nav .icon-money,
.person-nav .icon-spotify{
	background-size: auto 5.2rem;
	width: 4.2rem;
	height: 5.2rem;
	margin-bottom: .5rem;
}
.person-nav .icon-spotify{
	height: 4.8rem;
	background-position: -4.7rem -.6rem;
}
.person-nav .each-row:nth-of-type(2) > div{
	height: 9.2rem;
	padding-top: 1.4rem;
}
.person-nav .each-row:nth-of-type(2) > div:first-child{
	-webkit-box-flex:4;
	background-color: #e6567a;
	margin-right: 1.6rem;
}
.person-nav .each-row:nth-of-type(2) > div:last-child{
	-webkit-box-flex:5;
	background-color: #5bd999;
}
.person-nav .icon-coupons,
.person-nav .icon-download,
.person-nav .icon-more-coupons{
	background-image: url('images/icon-person2.png');
	background-size: auto 3rem;
	width: 4rem;
	height: 3rem;
	margin-bottom: .5rem;
}
.person-nav .icon-download{
	background-position: -4.7rem 0;
}
.person-nav .icon-more-coupons{
	background-position: -9.4rem 0;
}
.person-nav .each-row:nth-of-type(3) > div{
	height: 9.2rem;
	padding-top: 1.2rem;
}
.person-nav .each-row:nth-of-type(3) > div:first-child{
	-webkit-box-flex:5;
	background-color: #d877f0;
}
.person-nav .each-row:nth-of-type(3) > div:last-child{
	-webkit-box-flex:4;
	background-color: #e68556;
	margin-left: 1.6rem;
}
.person-nav .icon-more{
	background-image: url('images/icon-person3.png');
	background-position:  center center;
	background-size: auto 1rem;
	width: 10rem;
	height: 1rem;
	margin-top: 2.8rem;
}
/*领取优惠券*/
.btn-red{
	color: #ffffff;
	font-size: 1.7rem;
	height: 4.6rem;
	line-height: 4.6rem;
	background-color: #f74429;
	border-bottom: 2px #f52e10 solid;
}
.btn-red-line{
	border:1px #ee0000 solid;
	color: #ee0000;
	font-size: 1.4rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	padding: 0 1.2rem;
}
.get-coupons .flow-stat{
	color: #ee0000;
	overflow: hidden;
	line-height: 2.5rem;
	padding: .4rem 1.2rem;
	font-size: 1.2rem;
}
.get-coupons .flow-stat .btn-red-line{
	float: right;
}
.coupons-list{
	padding: 0 1.2rem;
}
.coupons-list h2{
	border-bottom: 1px #e5e5e5 solid;
	color: #555555;
	font-size: 1.4rem;
	height: 3rem;
	line-height: 3rem;
}
.coupons-list li{
	border-bottom: 1px #e5e5e5 solid;
	padding: 1rem 1.5rem;
}
.coupons-list li:last-child{
	border-bottom: 0px;
}
.coupons-wrap{
	background: #ff9291 url('images/coupons-bg.jpg') no-repeat scroll 0 center;
	background-size:auto 9.8rem;
	overflow: hidden;
	color: #ffffff;
	font-size: 1.4rem;
	height: 9.8rem;
	padding: .5rem 0 .5rem 4rem;
}
.coupons-wrap .vc-pic{
	width: 8.8rem;
	height: 8.8rem;
	text-align: center;
	overflow: hidden;
	float: left;
}
.coupons-wrap .vc-pic img{
	position: relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	max-width: 100%;
	max-height: 100%;
}
.coupons-wrap .info{
	background: transparent url('images/dot.png') repeat-y scroll 0 0;
	background-size: 4px auto;
	height: 100%;
	margin-left: 8.8rem;
	padding-left: 3.5rem;
	padding-top: 2.1rem;
}
.coupons-wrap .info .time{
	font-size: 1rem;
	margin-top: 1rem;
}
.coupons-details{
	padding: 3rem 1.2rem;
	display: none;
}
.coupons-details h2{
	font-size: 1.7rem;
	font-weight: normal;
	margin-bottom: 4rem;
}
.coupons-details .time{
	color: #959595;
	font-size: 1.4rem;
	margin-bottom: 1.2rem;
}
.coupons-details .explain,
.look-coupons .explain{
	border:1px #e3e3e3 solid;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #b1b1b1;
	padding: .6rem 1rem;
	font-size: 1.4rem;
	line-height: 2rem;
	margin-bottom: 1.5rem;
}
.get-coupons .btn-red{
	display: block;
}
.coupons-comfirm .coupons-wrap{
	background-size: auto 6rem;
	height: 6rem;
	padding-left: 2.4rem;
	max-width: 23rem;
	margin: 0 auto;
}
.coupons-comfirm .coupons-wrap .vc-pic{
	width: 5.8rem;
	height: 5rem;
	line-height: 5rem;
}
.coupons-comfirm .coupons-wrap .info{
	margin-left: 5.8rem;
	padding-top: .3rem;
	padding-left: 2rem;
}
.coupons-comfirm .tips{
	margin-top: 1.6rem;
}
.t-center{
	text-align: center;
}
.coupons-comfirm .result{
	height: 6rem;
}
/*最新加盟*/
.latest-join .slidesjs-slide > div{
	background-color: rgba(0,0,0,0.7);
	color: #ffffff;
	font-size: 1.7rem;
	text-align: center;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding-top: 4.5rem;
}
.latest-join .slidesjs-slide > div h2{
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 1.8rem;
}
.latest-join .slidesjs-slide > div p{
	margin-bottom: 1.8rem;
}
.slidesjs-navigation{
	background: transparent url('images/arrow.png') no-repeat scroll 0 0;
	background-size: auto 6.5rem;
	width: 3.5rem;
	height: 6.5rem;
	position: absolute;
	top: 6rem;
	left: 2rem;
	z-index: 100;
	text-indent: -100rem;
}
.slidesjs-navigation.slidesjs-next{
	background-position: right 0px;
	left: auto;
	right: 2rem;
}
.join-list{
	padding: 3rem 1.2rem 0;
	overflow: hidden;
}
.join-list li{
	float: left;
	width: 50%;
	margin-bottom: 3rem;
}
.join-list li figure{
	background-color: #000;
	-webkit-border-radius: .8rem;
	border-radius: .8rem;
	height: 11.4rem;
	overflow: hidden;
	position: relative;
}
.join-list li figure > div{
	height: 11.4rem;
}
.join-list li figure img{
	width: 100%;
	position: relative;
	top: 50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.join-list figcaption{
	background-color: rgba(0,0,0,.7);
	color: #ffffff;
	font-size: 1.4rem;
	position: absolute;
	bottom: 0;
	left: 0px;
	width: 100%;
	padding: 0 .5rem;
	height: 2.2rem;
	line-height: 2.2rem;
	overflow: hidden;
}
.join-list li:nth-of-type(2n+1) figure{
	margin-right: 1rem;
}
.join-list li:nth-of-type(2n) figure{
	margin-left: 1rem;
}
.join-list .info{
	color: #ffffff;
	font-size: 1.7rem;
	position: absolute;
	bottom: 3.5rem;
	left: 0px;
	right: 0px;
	height: auto;
	text-align: center;
}
.join-list .info p{
	margin-top: 1rem;
}
.get-flow{
	padding: 3rem 1.2rem;
}
.get-flow .flow-info{
	color: #000000;
	font-size: 1.6rem;
	overflow: hidden;
}
.get-flow .flow-info li{
	float: left;
	width: 50%;
	margin-bottom: 1rem;
}
.get-flow .flow-sel{
	overflow: hidden;
	margin-bottom: 2.2rem;
}
.get-flow .flow-sel > *{
	float: left;
}
.get-flow .flow-sel .radio-wrap{
	width: 28%;
}
.get-flow .flow-sel .note{
	width: 44%;
}
.get-flow .sel-phone{
	overflow: hidden;
	margin-bottom: .8rem;
}
.get-flow .sel-phone .btn{
	float: right;
	width: 12rem;
}
.get-flow .sel-phone > div{
	margin-right: 13.7rem;
}
.get-flow .amount{
	display: -webkit-box;
	display: box;
	margin-bottom: 1rem;
}
.get-flow .amount li{
	background-color: #dfdfdf;
	color: #737373;
	-webkit-border-radius: .6rem;
	border-radius: .6rem;
	height: 4.6rem;
	line-height: 4.6rem;
	font-size: 1.4rem;
	-webkit-box-flex:1;
	box-flex:1;
	width: 100%;
	text-align: center;
	margin: 0 1.2rem;
}
.get-flow .amount li:first-child{
	margin-left: 0;
}
.get-flow .amount li:last-child{
	margin-right: 0;
}
.get-flow .amount li.current{
	background: #f74429;
	color: #ffffff;
	border-bottom:1px #f52e10 solid;
}
.form-wrap select{
	border:1px #f76d66 solid;
	-webkit-border-radius:.6rem;
	border-radius: .6rem;
	display: block;
	width: 100%;
	height: 4.6rem;
	line-height: 4.6rem;
	padding: 1.4rem;
}
.form-wrap .radio-wrap{
	color: #484848;
	font-size: 1.4rem;
}
.radio-wrap .radio{
	background-color: #efefef;
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	-webkit-border-radius:50%;
	position: relative;
	margin-right: .6rem;
	vertical-align: -3px;
}
.radio-wrap.selected .radio{
	position: relative;
}
.radio-wrap.selected .radio:before{
	content: '';
	border-radius: 50%;
	-webkit-border-radius:50%;
	background-color: #f20e00;
	width: .6rem;
	height: .6rem;
	position: absolute;
	top: .5rem;
	left: .5rem;
}
.radio-wrap input{
	display: none;
}
.form-wrap .tit{
	font-size: 1.7rem;
	font-weight: normal;
}
label.tit{
	font-size: 1.7rem;
}
.add-phone .tips{
	text-align: left;
}
.add-phone .add-area{
	color: #c4c4c4;
	overflow: hidden;
}
.add-phone .add-area label{
	float: left;
}
.add-phone .add-area > span{
	display: block;
	margin-left: 9rem;
}
.add-phone .add-area input{
	border-color:#e1e1e1;
	height: 2.6rem;
	line-height: 2.6rem;
}
/*更多免费流量*/
.more-flow nav{
	padding: 3rem 0;
}
.more-flow nav li{
	color: #fff;
	cursor: pointer;
	float: left;
	font-size: 1.7rem;
	width: 50%;
	margin-bottom: 1.4rem;
}
.more-flow nav li > div{
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius:50%;
	width: 9rem;
	height: 9rem;
	text-align: center;
	padding-top: 1.5rem;
}
.more-flow nav li:nth-of-type(2n+1){
	padding-right: 2rem;
	text-align: right;
}
.more-flow nav li:nth-of-type(2n){
	padding-left: 2rem;
	text-align: left;
}
.more-flow nav li [class^="icon-"]{
	background: transparent url('images/icon2.png') no-repeat scroll 0 0;
	background-size: auto 3.5rem;
	display: inline-block;
	width: 3.1rem;
	height: 3.5rem;
}
.more-flow nav li:nth-of-type(1) > div{
	background-color: #3598db;
}
.more-flow nav li:nth-of-type(2) > div{
	background-color: #27ae61;
}
.more-flow nav li:nth-of-type(3) > div{
	background-color: #e84c3d;
}
.more-flow nav li:nth-of-type(4) > div{
	background-color: #f1c40f;
}
.more-flow nav li:nth-of-type(5) > div{
	background-color: #ec7000;
}
.more-flow nav li:nth-of-type(6) > div{
	background-color: #1bbc9b;
}
.more-flow nav li .icon-edit{
	background-position-x:-3rem; 
}
.more-flow nav li .icon-game{
	background-position-x:-6.3rem; 
}
.more-flow nav li .icon-share{
	background-position-x:-9.7rem; 
}
.more-flow nav li .icon-flow{
	background-position-x:-12.7rem; 
}
.more-flow nav li:last-child > div{
	padding-top: 3.9rem;
}
.more-flow nav li .icon-more{
	background-image:url('images/icon-person3.png');
	background-size: auto 1.2rem;
	width: 6.3rem; 
}
.gain-flow .flow{
	font-size: 1rem;
	float: right;
}
/*关注公众号*/
.attention-public-num{
	padding: 2.5rem 1.2rem;
}
.attention-public-num .tips{
	font-size: 1.7rem;
	line-height: 2.8rem;
	margin-bottom: .8rem;
}
.attention-public-num .tips strong{
	color: #ff0000;
	font-weight: normal;
}
.two-dimension-code{
	text-align: center;
	margin: 1.2rem 0;
}
.two-dimension-code > img{
	height: 21rem;
	max-width: 100%;
}
/*转盘*/
.turntable{
	background: #e96356;
	min-height: 100%;
}
.turntable-title{
	background: transparent url('images/title.png') no-repeat scroll center 0;
	background-size: auto 5rem;
	height: 5rem;
}
.turntable-wrap{
	background: transparent url('images/caidai.png') no-repeat scroll center 0;
	background-size: auto 30rem;
	text-align: center;
	position: relative;
	height: 30rem;
}
.ui-turntable{
	height: 26.5rem;
}
/* iphone4&5 */
@media screen and (max-device-aspect-ratio: 2/3) {
	.turntable-wrap{
		height: 25rem;
	}
	.ui-turntable{
		height: 21.5rem;
	}
}
.ui-turntable-tip{
	position: absolute;
	height: 9.5rem;
	top: 50%;
	left: 50%;
	margin-top: -7.2rem;
	margin-left: -4.0rem;
}
.turntable .num-text{
	color: #3e3e3e;
	text-align: center;
	font-size: 1.7rem;
	margin-top: -1.8rem;
	margin-bottom: .8rem;
}
.turntable .num-text em{
	color: #f20c00;
	font-family: Arial;
	font-size: 2rem;
	font-style: normal;
	margin: 0 .7rem;
}
.award-info{
	background-color: #fda198;
	padding: .5rem 1.2rem 1.2rem;
}
.award-info .tabs{
	display: -webkit-box;
	display: box;
	margin-bottom: .6rem;
}
.award-info .tabs-content{
	display: none;
}
.award-info .tabs li{
	-webkit-box-flex:1;
	box-flex:1;
	color: #ffffff;
	font-size: 1.4rem;
	width: 100%;
	position: relative;
	margin: 0 1rem;
	text-align: center;
}
.award-info .tabs li:before{
	content: '';
	display: block;
	-webkit-border-radius: .6rem;
	background-color: #ffffff;
	border-radius: .6rem;
	height: 3.4rem;
	width: 100%;
}
.award-info .tabs li > span{
	background-color: #fda198;
	box-shadow: 0 1px 1px 0px rgba(162,8,0,0.3),0 -1px 1px 0px rgba(162,8,0,0.3);
	width: 100%;
	height: 2.6rem;
	line-height: 2.6rem;
	position: absolute;
	top: .4rem;
	left: 0rem;
	z-index: 10;
}
.award-info .tabs li > span:before{
	background: #fda198 url('images/tab-left.png') no-repeat scroll left 0;
	left: -1rem; 
}
.award-info .tabs li > span:after{
	background: #fda198 url('images/tab-right.png') no-repeat scroll left 0; 
	right: -1rem;
}
.award-info .tabs li > span:before,
.award-info .tabs li > span:after{
	content: '';
	background-size: auto 3.2rem;
	height: 3.2rem;
	width: 1rem;
	position: absolute;
	top: -3px;
}
.award-info .tabs li .arrow{
	background: transparent url('images/tab-arrow.png') no-repeat scroll 0 0;
	background-size: auto .8rem;
	display: inline-block;
	height: .8rem;
	width: .8rem;
	margin-left: 1rem;
}
.award-info .tabs li.current:before{
	display: none;
}
.award-info .tabs li.current .arrow{
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
}
.award-info .explain{
	color: #ffffff;
	line-height: 2.4rem;
	font-size: 1.2rem;
	padding-left: 2rem;
}
.award-info table{
	color: #ffffff;
	font-size: 1.2rem;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
.award-info table td,
.award-info table th{
	padding: .4rem .6rem;
}
.award-info .award-list{
	display: block;
}
.award-list tr td:first-child{
	width: 20%;
}
.winners-list td,
.winners-list th{
	border:1px #ffffff solid;
	text-align: center;
}
.adv-area > img{
	max-width: 100%;
}
@media screen and (max-width: 320px){
	.coupons-wrap .vc-pic{
		width: 7.8rem;
	}
	.coupons-wrap .info{
		padding-left: 2rem;
		margin-left: 7.8rem;
	}
}
/*刮刮卡*/
.ggl{
	background: #e96356;
	min-height: 100%;
}
.ggl-title{
	background: transparent url('images/ggl-title.png') no-repeat scroll center 0;
	background-size: auto 5rem;
	height: 5rem;
}
.ggl-wrap {
	text-align: center;
	max-width: 315px;
	margin: 10px auto;
	min-height: 18rem;
	background: url("images/img-ggl-bg.png") no-repeat center center transparent;
	position: relative;
}
.ggl-wrap > * {
	width: 75%;
	height: 56px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
}
.ggl-result-bg {
	background-color: #b0b0b0;
}
.ggl .num-text{
	color: #3e3e3e;
	text-align: center;
	font-size: 1.7rem;
	margin-top: -1.8rem;
	margin-bottom: .8rem;
}
.ggl .num-text em{
	color: #f20c00;
	font-family: Arial;
	font-size: 2rem;
	font-style: normal;
	margin: 0 .7rem;
}

/*拆红包*/
.redPacket{
	background: #e96356;
	min-height: 100%;
	padding-top: 1.5rem;
}
.redPacket-title{
	background: transparent url('images/redPacket-title.png') no-repeat scroll center 0;
	background-size: auto 5rem;
	height: 5rem;
}
.redPacket .tabs-content{
	display: block;
}
.redPacket .tabs{
	display: block;
	height: 2.6rem;
}
.redPacket .award-info .tabs li{
	float: left;
	width: 33.3%;
}
.redPacket-wrap {
	text-align: center;
	max-width: 315px;
	margin: 2.5rem auto 1rem;
	min-height: 20rem;
}
.redPacket .num-text{
	color: #3e3e3e;
	text-align: center;
	font-size: 1.7rem;
	margin-top: -1.8rem;
	margin-bottom: .8rem;
}
.redPacket .num-text em{
	color: #f20c00;
	font-family: Arial;
	font-size: 2rem;
	font-style: normal;
	margin: 0 .7rem;
}
.ui-redPacket{
	position: relative;
	width: 22.5rem;
	margin: 3.6rem auto 0;
}
.redPacket-body{
	background: transparent url('images/img-redPacket.png') no-repeat scroll 0 0;
	background-size: 22.5rem auto;
	width: 22.5rem;
	height: 23rem;
	position: relative;
	margin: 0 auto;
	z-index: 10;
}
.redPacker-inner{
	background: transparent url('images/redPacket-inner.png') no-repeat scroll 0 0;
	background-size: 22.4rem auto;
	width:22.4rem;
	height: 5.5rem;
	position: absolute;
	left: 0px;
	top: 1.5rem;
}
.redPacket .open{
	width: 6rem;
	position: absolute;
	left: 8.1rem;
	top: 4.1rem;
	z-index: 12;
}
.redPacket .open2,
.redPacket .open3{
	background: transparent url('images/open2.png') no-repeat scroll 0 0;
	background-size:22.5rem auto; 
	width: 22.5rem;
	height:8.2rem;
	position: absolute;
	left: 0;
	top: 0px;
}
.redPacket .open2{
	-webkit-transform-origin:50% 0;
	transform-origin:50% 0;
	z-index: 11;
}
.redPacket .open3{
	background-image:url('images/open3.png');
	opacity: 0;
	top: -74px;
	-webkit-transition:opacity .2s .6s linear;
	transition:opacity .2s .6s linear;
}
.redPacket .money{
	background: transparent url('images/money.png') no-repeat scroll 0 0;
	background-size: 6.8rem auto;
	width: 6.8rem;
	height: 6.8rem;
	position: absolute;
	left: -4.2rem;
	bottom: 5.3rem;
	z-index: 20;
	opacity: 0;
}
.redPacket .money2{
	left: auto;
	right: -4rem
}
.redPacket .money3{
	background-size: 2.8rem auto;
	width: 2.8rem;
	height: 2.8rem;
	left: -4rem;
	bottom: 14rem;
}
.redPacket .money4{
	background-size: 4rem auto;
	width: 4rem;
	height: 4rem;
	left: auto;
	right: -6rem;
	bottom:8.6rem;
}
.redPacket .moneys{
	position: absolute;
	top: 0rem;
	left: 1rem;
	width: 21.5rem;
	z-index: -1;
}
.redPacket .result{
	color: red;
	font-size: 2rem;
	font-family: Arial;
	font-weight: bold;
	position: absolute;
	bottom: 6.5rem;
	text-align: center;
	width: 100%;
	left: 0px;
	z-index: 20;
	opacity: 0;
	-webkit-transition:opacity 0.3s .6s linear;
	transition:opacity 0.3s 1s linear;
}
.redPacket .result .num{
	color: #ffffff;
	text-shadow:3px 0 3px rgba(199,39,35,0.3);
	vertical-align: 4px;
}
.redPacket.animated .result{
	opacity: 1;
}
.redPacket.animated .moneys{
	-webkit-animation:moneys .6s .2s both;
	animation:moneys .6s .2s both;
}
.redPacket.animated .redPacket-title{
	visibility: hidden;
}
.redPacket.animated .open2{
	-webkit-animation:open2 1s both;
	animation:open2 1s both;
}
.redPacket.animated .open{
	-webkit-animation:rollOut 1s both;
	animation:rollOut 1s both;
}
.redPacket.animated .open3{
	opacity: 1;
}
.redPacket.animated .redPacker-inner{
	top: 0;
}
.redPacket.animated .money1{
	-webkit-animation:zoomIn .3s both;
	animation:zoomIn .3s both;
}
.redPacket.animated .money2{
	-webkit-animation:zoomIn .3s .2s both;
	animation:zoomIn .3s .2s both;
}
.redPacket.animated .money3{
	-webkit-animation:zoomIn .3s .4s both;
	animation:zoomIn .3s .4s both;
}
.redPacket.animated .money4{
	-webkit-animation:zoomIn .3s .6s both;
	animation:zoomIn .3s .6s both;
}
.animated .redPacket-body{
	background-image:url('images/img-redPacket2.png');
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
  100%{
  	opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes open2 {
  from {
  	background: transparent url('images/open2.png') no-repeat scroll 0 0;
  	background-size:22.5rem auto; 
	width: 22.5rem;
	height:8.2rem;
  	-webkit-transform:rotateX(0);
	transform:rotateX(0);
  }
  to {
	-webkit-transform:rotateX(180deg);
  	transform:rotateX(180deg);
  	z-index: 1;
  	opacity: 0;
  }
}
@keyframes open2 {
  from {
  	background: transparent url('images/open2.png') no-repeat scroll 0 0;
  	background-size:22.5rem auto; 
	width: 22.5rem;
	height:8.2rem;
  	-webkit-transform:rotateX(0);
	transform:rotateX(0);
  }
  to {
  	-webkit-transform:rotateX(180deg);
  	transform:rotateX(180deg);
  	z-index: 1;
  	opacity: 0
  }
}
@-webkit-keyframes moneys {
  from {
	-webkit-transform:scale(0.8) rotateX(0);
	transform:scale(0.8) rotateX(0);
	top:0;
  }
  100%{
  	top: -8.6rem;
	z-index: 8;
	-webkit-transform:scale(1) rotateX(0);
	transform:scale(1) rotateX(0);
  }
}

@keyframes moneys {
  from {
	-webkit-transform:scale(0.8) rotateX(0);
	transform:scale(0.8) rotateX(0);
	top: 0;
  }

  100% {
  	top: -8.6rem;
	z-index: 8;
	-webkit-transform:scale(1) rotateX(0);
	transform:scale(1) rotateX(0);
  }
}
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.share-wrap header {
	margin-top: 2rem;
	padding: 0 1rem;
}

.share-wrap header .share-title {
	font-size: 3rem;
	line-height: 1.25;
	margin-bottom: .7rem;
}
.share-wrap header p {
	color: #a7a7a7;
	font-size: 2rem;
	line-height: 1.5;
	margin-bottom: .7rem;
}

.share-wrap header .share-link {
	border-radius: 0;
	display: block;
	text-align: center;
}
/*流量卡*/
.flow-card{
	padding:2.8rem 1.2rem;
}
.flow-card .tips{
	font-size: 1.7rem;
	text-align: center;
	margin-bottom: 2.6rem;
}
.flow-card .note{
	margin:0 3.5rem;
	text-align: left;
	line-height: 1.8rem;
}
/*我的优惠券*/
.my-coupons .table-list{
	border:0px;
	padding: 0px;
}
.my-coupons .nav-tab > div{
	margin-right: 1.2rem;
}
.my-coupons .nav-tab > div > a{
	font-size: 1.4rem;
	padding: 0;
}
.my-coupons .table-list .figure{
	width: 104px;
}
.my-coupons .table-list .figure > img{
	max-width: 100%;
}
.my-coupons .table-list .table-cell > div{
	vertical-align: middle;
	padding: .5rem;
}
.my-coupons .table-list .table-cell > div:first-child{
	padding-left: 0px;
}
.my-coupons .table-cell h2{
	color: #404040;
	font-weight: normal;
	font-size: 1.4rem;
}
.my-coupons .table-cell p{
	color: #939393;
	font-size: 1.2rem;
}
/*查看优惠券*/
.look-coupons{
	color: #646464;
	padding: 3rem 1.2rem;
}
.look-coupons .coupons-wrap{
	margin: 0 1.5rem 3rem;
}
.look-coupons h2{
	font-weight: normal;
	font-size: 1.7rem;
	margin-bottom: 1.4rem;
}
.look-coupons h2 > span{
	color: #f20c00;
	font-size: 1.5rem;
	float: right;
}
.look-coupons > p{
	font-size: 1.4rem;
	margin-bottom: 1.5rem;
}
.look-coupons .status{
	color: #212121;
	font-size: 1rem;
	float: right;
}
.warm-prompt{
	margin-top: 3rem;
}
.warm-prompt h2{
	font-size: 1.2rem;
	margin-bottom: .5rem;
}
.warm-prompt{
	color: #ed0000;
	font-size: 1.2rem;
}
.warm-prompt ol{
	padding-left: 1.5rem;
	line-height: 2rem;
}
.warm-prompt ol li{
	margin-bottom: .5rem;
}
.page-404{
		padding: 6rem 7rem;
}
.page-404 h1{
	color: #f21400;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 3rem;
}
.page-404 h1 > img{
	height: 1.8rem;
}
.page-404 .img{
	background: transparent url('images/404.png') no-repeat scroll center 0;
	background-size: auto 12.5rem;
	min-height: 12.5rem;
	margin-bottom: 3rem;
}
.page-404 h2{
	color: #000000;
	font-size: 1.4rem;
	margin-bottom: 1.2rem;
}
.page-404 ol{
	font-size: 1.2rem;
	padding-left: 1.8rem;
}
.page-404 ol li{
	margin-bottom: 0.8rem;
}
.page-404 ol li > a{
	margin-left: 0.5rem;
}
.page-404 .red{
	color: #cd0101;
}
@media screen and (max-width: 359px){
	.get-flow .flow-sel .note{
		font-size: 1rem;
	}
}